@charset 'utf-8';

/* reset */
*{margin:0;padding:0;}
li img, dt img, dd img{vertical-align:top;}
ol, ul, li{list-style:none;}
img, fieldset{border:0;}
input{font-family:"돋움";font-size:12px;color:#333;vertical-align:middle;}
hr{display:none;}

/* common */
html{width:100%;height:100%;}
body{width:100%;height:100%;font-family:"돋움";font-size:12px;color:#555;}
a:link, a:visited {color:#000; text-decoration:none;}
a:hover, a:active {color:#003358;  text-decoration:underline;}
#header a:link, #header a:visited {color:#fff; text-decoration:none;}
#header a:hover, #header a:active {color:#003358;  text-decoration:underline;}
#skipNav{position:relative;height:0;z-index:100;}
#skipNav a{display:block;position:absolute;left:0;top:-9999px;}
#skipNav a:hover, #skipNav a:focus, #skipNav a:active{width:100%;top:0;padding:20px 0;background:#999999;font-size:14px;font-weight:bold;text-align:center;border-bottom:2px solid #e44500;}
.hide{position:absolute;left:-9999px;top:0;}

/* layout */

/* body */
#bg{background:url('../images/menu/top-bar-bg.gif') 0 0px repeat-x;}

/* header */
#header h1{position:relative;top:31px}
#top{position:absolute;right:0;top:0px;}
#top .topmenu{float:left;padding:0px 19px 0 0;}
#top .topmenu li.center{width:792px; height:31px; background:url('../images/menu/top-bar-center.jpg') 100% 100% no-repeat;}
#top .topmenu li{float:left;height:8px;padding:0;background:url('') 100% 50% no-repeat;}
#top .topmenu li.last{background-image:none; padding-right:0;}
#top .s_form{float:left;}
#top .s_form input#s_word{width:118px;height:16px;border:1px solid #b8b8b8;line-height:16px;}
#mainnav{position:absolute;right:0;top:31px;height:65px;}
#mainnav li{float:left; padding-left:10px;}
#mainnav li.m1{padding-left:0;}
#mainnav li ul{position:absolute;left:0;top:40px;display:none;}
#mainnav li.m1 ul{left:0px;}
#mainnav li.m2 ul{left:0px;}
#mainnav li.m3 ul{left:35px;}
#mainnav li.m4 ul{left:78px;}
#mainnav li.m5 ul{left:0px;}
#mainnav li.m6 ul{left:0px;}
#mainnav li ul li{height:42px; padding:19px 0px 0px 0px; font-weight:bold; letter-spacing:-1px; background:url('../images/menu/submenu_bg.gif') 100% 50% repeat-x;}
#mainnav li ul li.first{padding-right:28px; background:url('../images/menu/submenu_bg_left.gif') 0 50% no-repeat;}
#mainnav li ul li.last{padding-left:26px; background:url('../images/menu/submenu_bg_right.gif') 0 50% no-repeat;}
#mainnav li ul li.center{width:21px; background:url('../images/menu/submenu_bg_center.gif') 0 50% repeat-x;}


/* contentleft */

#subnav{position:relative;width:229px;}
#subnav li{padding-left:0px; padding-right:18px;}
#subnav li.m1{padding-left:0;}
#subnav li ul{position:absolute;left:0;top:55px;display:none;}
#subnav li.m1 ul{left:0;}
#subnav li.m2 ul{left:97px;}
#subnav li.m3 ul{left:179px;}
#subnav li.m4 ul{left:250px;}
#subnav li.m5 ul{left:270px;}
#subnav li.m6 ul{left:330px;}
#subnav li ul li{padding:0 8px 0 5px;background:url('') 0 50% no-repeat;}

#subleft{position:relative; width:191px; height:450px; margin:15px 20px 0px 10px;}
#subleft li.m{margin-top:10px;}
#subleft li.bg{width:191px; height:18px; background:url('../images/common/callqna_bg.gif') 0 50% no-repeat;}

/* 서브페이지 타이틀 */
.title{position:relative; width:771px; height:26px; margin:0px; margin-bottom:25px;}
.titlenav{position:absolute; width:771px; height:40px; padding:3px 5px 3px 0px; text-align:right; }
.titlenav_board{position:absolute; width:771px; height:18px; top:0px; text-align:right; padding:3px 5px 3px 0px;}
.textnav {color:#909090;}

/* 메인탭메뉴 */
.listTab{ width:300px;height:139px; margin:0; padding:0; }
.listTab ul{ position:relative; margin:0; padding:0; list-style:none; border-bottom:1px solid #ccc; font-family:Tahoma, Sans-serif; font-size:12px; *zoom:1;}
.listTab ul:after{ content:""; display:block; clear:both;}
.listTab li{ float:left; margin-bottom:-1px;}
.listTab li a{ position:relative; float:left; text-decoration:none; border:1px solid #eee; border-bottom-color:#ccc; background:#fafafa; color:#666;}
.listTab li a span{ display:inline-block; padding:6px 7px 6px 7px; letter-spacing:-1px; cursor:pointer;}
.listTab li ul{ display:none; width:310px; position:absolute; top:20px; left:0; list-style:none; border:0; margin:0; padding:0; *zoom:1;}
.listTab li ul:after{ content:""; display:block; clear:both;}
.listTab li li{ float:none; position:relative; margin:0 0 4px 0; color:#999;}
.listTab li li a{ float:none; padding:0; margin:0; border:0 !important; color:#666 !important; font-weight:normal; background:transparent; letter-spacing:normal;}
.listTab li li a:hover,
.listTab li li a:active,
.listTab li li a:focus{ color:#000 !important; text-decoration:underline;}
.listTab li li time,
.listTab li li .time{ position:absolute; top:0; right:0; color:#767676;}
.listTab li li.more{ position:absolute; top:-30px; right:0; border:0 !important; background:transparent;}
.listTab.m1 .m1 a,
.listTab.m2 .m2 a,
.listTab.m3 .m3 a,
.listTab.m4 .m4 a,
.listTab.m5 .m5 a,
.listTab.m6 .m6 a,
.listTab.m7 .m7 a,
.listTab.m8 .m8 a,
.listTab.m9 .m9 a,
.listTab.m10 .m10 a,
.listTab.m11 .m11 a,
.listTab.m12 .m12 a{ border:1px solid #ccc; border-bottom:1px solid #fff; margin-top:-1px; background:transparent; color:#333;}
.listTab.m1 .m1 a span,
.listTab.m2 .m2 a span,
.listTab.m3 .m3 a span,
.listTab.m4 .m4 a span,
.listTab.m5 .m5 a span,
.listTab.m6 .m6 a span,
.listTab.m7 .m7 a span,
.listTab.m8 .m8 a span,
.listTab.m9 .m9 a span,
.listTab.m10 .m10 a span,
.listTab.m11 .m11 a span,
.listTab.m12 .m12 a span{ padding-top:7px; font-weight:bold;}
.listTab.m1 .m1 ul,
.listTab.m2 .m2 ul,
.listTab.m3 .m3 ul,
.listTab.m4 .m4 ul,
.listTab.m5 .m5 ul,
.listTab.m6 .m6 ul,
.listTab.m7 .m7 ul,
.listTab.m8 .m8 ul,
.listTab.m9 .m9 ul,
.listTab.m10 .m10 ul,
.listTab.m11 .m11 ul,
.listTab.m12 .m12 ul{ display:block;}

/* jsOff */
.listTab.jsOff{ height:auto;}
.listTab.jsOff ul{ border:0;}
.listTab.jsOff li{ float:none; position:relative;}
.listTab.jsOff li a{ float:none; display:block; font-weight:bold; color:#333; border:1px solid #eee !important; border-bottom-color:#ccc !important; background:#fafafa !important;}
.listTab.jsOff li ul{ position:static; display:block; left:0; top:0; padding:5px 0;}
.listTab.jsOff li li a{ display:inline; border:0 !important; background:none !important; font-weight:normal;}
.listTab.jsOff li li.more{ top:7px; right:15px;}

/* 서브상단메뉴 */
.catem_box {position:relative; float:right; bottom:0px; width:700px; height:40px; margin-bottom:20px;}
.cam_tab{width:669px; height:28px; border-bottom:1px dotted #b8b8b8; list-style:none;}
.cam_tab li{float:right; margin-right:-1px; background:url(../../asset/images/common/bg_tab_right.gif) right top no-repeat;  margin-right:3px;}
.cam_tab li span{display:block;}
.cam_tab li a{display:block; height:19px; padding:9px 8px 0 8px; background:url(../../asset/images/common/bg_tab_left.gif) left top no-repeat; color:#666; line-height:14px; text-decoration:none;}
.cam_tab li a:hover{color:#023366;}
.cam_tab li.selected{background-position:right -28px;font-weight:bold;}
.cam_tab li.selected a{background-position:left -28px; color:#023366; font-weight:bold;}

/* 서브레이어 */
.databox {position:relative; width:765px; margin-left:5px;}
.databoxt {position:relative; width:765px; margin-left:5px; padding-top:50px;}
.boxl {position:relative; float:left; width:440px;}
.boxc {position:relative; float:left; width:200px; margin-left:20px; border:1px dotted #b5b5b5; padding:10px; line-height:25px;}
.boxr {position:relative; float:right; width:300px;}
.textbox {position:relative; float:left; width:300px; text-align:left;}
.tright {float:right;}

/* 사이트맵 */
.tbbox {width:780px; height:36px; background: url(../../asset/images/common/tb_img.gif) left center no-repeat; margin-left:-15px; padding-left:15px; padding-top:14px; margin-top:15px;}
.stext01 {font-size:12px; color:#58595b; font-weight:bold; letter-spacing:-1px; background: url(../../asset/images/common/sicon02.gif) left center no-repeat; padding-left:10px;}
.stext02 {font-size:12px; color:#58595b; font-weight:bold; letter-spacing:-1px; background: url(../../asset/images/common/sicon03.gif) left center no-repeat; padding-left:10px;}
.stext03 {font-size:12px; color:#58595b; font-weight:bold; letter-spacing:-1px; background: url(../../asset/images/common/sicon04.gif) left center no-repeat; padding-left:10px;}
.stext04 {font-size:12px; color:#58595b; font-weight:bold; letter-spacing:-1px; background: url(../../asset/images/common/sicon05.gif) left center no-repeat; padding-left:10px;}
.stext05 {font-size:12px; color:#58595b; font-weight:bold; letter-spacing:-1px; background: url(../../asset/images/common/sicon06.gif) left center no-repeat; padding-left:10px;}
.stext06 {font-size:12px; color:#58595b; font-weight:bold; letter-spacing:-1px; background: url(../../asset/images/common/sicon07.gif) left center no-repeat; padding-left:10px;}


/* 테이블 */
.table01 {width: 730px; border:0px dotted #e3e1e3; margin:10px 0 10px 0; padding:0px; caption-side: bottom; border-collapse:collapse; margin-bottom:10px;}
.table01 th{border:0px dotted #e3e1e3; padding:5px; color:#000;}
.table01 td{border:0px dotted #e3e1e3; padding:5px; color:#000;}
.table01 caption {padding-top:8px;}
.table01 th {height:20px; text-align:center; font-size:12px; letter-spacing:-1px; background:#fff; color:#4a4a4a;}
.table01 td {height:20px; text-align:center; font-size:12px; color:#4a4a4a;}
.table01 span {color:#4a4a4a; font-size:12px; font-weight:bold; letter-spacing:-1px;}

.table02 {width: 730px; border:1px solid #afafaf; margin:10px 0 10px 0; padding:0px; caption-side: bottom; border-collapse:collapse; margin-bottom:10px;}
.table02 th{border:1px solid #afafaf; padding:5px; color:#000;}
.table02 td{border:1px solid #afafaf; padding:5px; color:#000;}
.table02 caption {padding-top:8px;}
.table02 th {height:20px; text-align:center; font-size:12px; letter-spacing:-1px; background:#f5f2f3; color:#333;}
.table02 td {height:20px; text-align:center; font-size:12px; color:#333;}
.table02 span {color:#4a4a4a;}

.boxtbgray {font-family:"돋움", Dotum; font-size:12px; font-weight:none; width: 730px; border:0px solid #eae9e9; margin:5px 0 5px 10px; padding:0px; caption-side: bottom; 
			border-collapse:collapse; margin-bottom:10px; color:#79706b;}
.boxtbgray th{width: 180px; background: #f0f0f0; text-align:left; border-bottom:1px dotted #a2a2a2; padding:3px; padding-left:15px;}
.boxtbgray td{width: 550px; background: #fcfafa; border-bottom:1px dotted #a2a2a2; padding:3px; padding-left:15px; text-align:left;}
.boxtbgray caption {padding-top:8px;}

.table03 {width: 750px; border:0px dotted #e3e1e3; margin:0px; padding:0px; caption-side: bottom; border-collapse:collapse;}
.table03 th{border:0px dotted #e3e1e3; padding:0px; color:#000;}
.table03 td{border:0px dotted #e3e1e3; padding:0px; color:#000; letter-spacing:-1px;}
.table03 caption {padding-top:8px;}
.table03 th {padding-top:10px; text-align:left; font-size:12px; letter-spacing:0px; background:#fff; color:#4a4a4a;}
.table03 td {text-align:left; font-size:12px; color:#4a4a4a; vertical-align:top;}
.table03 span {color:#4a4a4a; font-size:12px; font-weight:bold; letter-spacing:-1px;}

/* 텍스트 */
.titlenav a:link, .titlenav a:visited {color:#666; text-decoration:none;}
.titlenav a:hover, .titlenav a:active {color:#003358;  text-decoration:underline;}
.area{padding-left:20px;  line-height:23px; clear:both; padding-top:10px;}
.area1{margin-left:15px;}
h5{font-size:15px; color:#023366; font-weight:bold; height:25px; letter-spacing:-2px; padding:11px 0px 5px 23px; background:url('../images/common/ticon_01.gif') 0 50% no-repeat;}
h6{font-size:13px; color:#013a6f; font-weight:bold; height:23px; letter-spacing:-1px; padding:2px 0px 2px 15px; background:url('../images/common/ticon_02.gif') 0 50% no-repeat;}
.text01{font-size:12px; color:#555; height:14px; letter-spacing:0px; margin-left:10px; padding:0px 0px 2px 8px; background:url('../images/common/ticon_03.gif') 0 50% no-repeat;}
.text02{font-weight:bold; font-size:12px; color:#555; height:14px; letter-spacing:0px; margin-left:10px; padding:0px 0px 2px 8px; background:url('../images/common/ticon_03.gif') 0 50% no-repeat;}
.text02a{height:14px; letter-spacing:0px; margin-left:10px; padding:0px 0px 2px 8px;}
.text03{color:#f68b1f; font-weight:bold; letter-spacing:0px; }
.text04{font-size:12px; color:#555; height:12px; letter-spacing:0px; margin-left:10px; padding:5px 0px 5px 8px; background:url('../images/common/ticon_04.gif') 0 50% no-repeat;}
.text05{font-size:14px; color:#f68b1f; font-weight:bold; letter-spacing:-1px; }
.text06{font-size:15px; color:#26306a; font-weight:bold; letter-spacing:-2px; padding:5px 0px 7px 23px; background:url('../images/common/icon_07.gif') 0 50% no-repeat;}
.text07{font-size:18px; color:#787777; font-weight:bold; letter-spacing:-2px; }
.text08{font-weight:bold; font-size:12px; color:#555; height:14px; letter-spacing:0px;}
#open_s {width:770px; margin: 0px auto; text-align:center; margin-top:0px;}

/* 웹진 */
.webzinbox {position:relative; width:750px; margin-left:5px;}
.webzinarea{position:relative; margin-left:20px;padding-left:0px; line-height:18px; clear:both;}